<!doctype html>
<html>
	<head>
		<meta charset="uft-8">
		<title></title>
		<style>
			p{
				width:100px;
				height:30px;
				background-color:#0ff;
			}
			#p1{
				color:#f00;
				font-size:25px;
				width:150px;		
			}
			#p2{
				border:2px solid #f00;
			}
			.d1{
				width:200px;
				height:100px;
				background-color:#006699;
				border:1px solid #f00;
			}
			.w200{
				width:200px;
			}
			.h50{
				height:50px;
			}
			.bgc_red{
				background-color:#f00;
			}
			h1,p,div,ul,li{
				background-color:#f00;
			}
			#p1,.d1,h1,ul,li{
				border:2px solid #000;
			}
		</style>
	</head>
	<body>
		<p id="p1">id选择器1</p>
		<p id="p2">id选择器2</p>
		<p id="p3">id选择器3</p>
		<p id="p4">id选择器4</p>
		
		<div class="w200 h50 bgc_red"></div>
		<div class="d1"></div>
	</body>
</html>